
    body {
        font-family: Verdana, Helvertica, sans-serif;
        /*
        background-color: #092e20;
        */
        margin-left:auto;margin-right:auto;
    }

    #container {
        
        margin: 0 auto;
        width: 976px;
        
    }
    #plot0holder {
        width:856px;
        height:300px;
        float:left
    }
    #plot1holder {
        width:856px;
        height:300px;
        float:left
    }
    #overviewLegend0 {
        margin-top:3em;
        width:120px;
        float:left;
    }
    #overviewLegend1 {
        margin-top:3em;
        width:120px;
        float:left;
    }

    .button {
        background: #848589;
        width: 6em;
        text-decoration:none;
        color:white;
        background-color:purple;
        padding:0.2em 0.6em;
        border-right:1px solid white;
    }

    .button:hover {
        background-color:#ff3300
    }

    #title{ 
        text-align:center;
    }
    h1 {
        width: 976px;
        color: #0f0f0f;
        margin-top: 2em;
        margin-bottom: 1em;
    }
    #plot0holder .button {
        position: absolute;
        cursor: pointer;
    }
    #plot0holder div.button {
        font-size: smaller;
        color: #999;
        background-color: #eee;
        padding: 2px;
    }
    #plot1holder .button {
        position: absolute;
        cursor: pointer;
    }
    #plot1holder div.button {
        font-size: smaller;
        color: #999;
        background-color: #eee;
        padding: 2px;
    }

    #feed {
        float:left;
    }
    
    #copyright {
        padding-top:3em;
        margin-left:auto;
        margin-right:auto;
        width: 976px; 
        float:left;
        text-align:center;
    }
    #tab {
        float:left;
        height:1em;
        margin-bottom:1em;
        clear:right
    }
    #tab div.current{
            text-color: #FFFFFF; 
        background-color:#ff3300;
    }
    .item
        {
            background-color:purple;
            border-left: 1px solid white;
            cursor: pointer;
            margin-right: 0px;
            margin-left: 0px;
            width:10em;
            height:1em;
            float:left;
            text-align:center;
            color:white;
        }
    .item:hover {
        background-color:#ff3300
    }
    table {
        clear: left;
    }
    .td_date {
        background-color:#99ccff;
    }
    .td_qfts{
        background-color:#ccffcc;
    }
    .td_qfmj{
        background-color:#ccffff;
    }
    .td_xfts{
        background-color:#ccffcc;
    }
    .td_xfjm{
        background-color:#ccffff;
    }
    .td_clfts{
        background-color:#ccffcc;
    }
    .td_clfmj{
        background-color:#ccffff;
    }
    .thead {
        background-color:#cc99ff;
    }
    #about{
        width:976px;
        float:left;
    }
